/* - - - - - - - - - - - - - - - - - - - - -

 Title : Wufoo CSS
 Author : Infinity Box Inc.
 URL : http://wufoo.com

 Last Updated : June 15, 2006

- - - - - - - - - - - - - - - - - - - - - */

*{
margin:0;
padding:0;
}
body{
margin:7px 0 15px 0;
text-align:center;
background:#F8E088 url(images/background.gif);
font-size:small;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
* html body{
font-size:x-small; /* for IE5/Win */
f\ont-size:small; /* for other IE versions */
}

/* ----- IDS ----- */

#container{
text-align:left;
}
#nav{
position:relative;
background:#BF3717;
height:3.1em;
}
#nav[id]{
height:auto;
}
#stage{
background:#fff;
border:1px solid #DFC97D;
border-left:1px solid #f7da77;
border-top:none;
}
#main{
float:left;
}

#container, #top, #bottom, #footer{
margin:0 auto;
width:870px;
}
#top, #bottom{
height:10px;
display:block !important;
}

/* ----- FOOTERS ----- */

.footer{
padding-top:5px;
line-height:40px;
}
#footer{
text-align:left;
padding:7px 0 10px 0;
}
#footer h1{
float:right;
margin:-3px 5px 0 0;
}
#footer p{
margin:0 10px;
font-weight:bold;
color:#B6381F;
}
#footer a, #footer span{
font-size:85%;
color:#333;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}

/* ----- TOP MENU ----- */

#menu{
position:absolute;
bottom:-1px;
right:0;
list-style:none;
margin:0 7px 0 0;
}
#menu[id]{
bottom:0px;
}
#menu li{
line-height:3.1em;
float:left;
margin:0 4px;
color:#FFFFCC;
}
#menu li a{
display:inline-block;
text-decoration:none;
color:#FFCC66;
font-size:100%;
}
#menu[id] li a{
display:block;
}
#menu li a:hover{
color:#FFFFCC;
background:url(images/navtri.gif) no-repeat center bottom;
}
#menu li.bug a:hover, #menu li.inf a:hover{
background:none !important;
}
#menu img{
margin:1em 0 0 0;
}
#account .act a, #build .bld a, #forms .frm a, #themes .thm a, #reports .rpt a{
font-weight:bold;
color:#FFFFCC;
background:url(images/navtri.gif) no-repeat center bottom;
}

/* ----- AJAX STATUS ----- */

#status{
position:absolute;
bottom:0;
z-index:5000;
width:870px;
margin:0 0 0 -435px;
left:50%;
}
#status[id]{
position:fixed !important;
}
#status #y{
position:relative;
text-align:left;
border:1px solid #AF3215;
background:#BF3717 url(images/icons/database_refresh.png) no-repeat 10px center;
}
#statusText{
padding:0 30px;
line-height:30px;
color:#FFFFCC;
}
#status.error{
background:#BF3717 url(images/icons/database_error.png) no-repeat 10px center;
}

/* ----- INFO / HELP ----- */

#info{
cursor:pointer;
position:absolute;
left:50%;
margin:0 0 0 -385px;
z-index:10000;
text-align:left;
}
#infoX{
visibility:hidden;
width:770px;
}
#infoContent{
background:#FFF3D2;
padding:25px 25px 15px 25px;
}
#infoSide{
float:right;
width:250px;
padding:0 0 0 20px;
font-size:85%;
margin:0;
}
#infoFooter{
background:url(images/bottom.png) no-repeat top center;
width:770px;
margin:0px auto;
height:10px;
}
* html #infoFooter{
background-image:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bottom.png");
}
#info h2{
margin:0 0 3px 0;
color:#51739C;
font-weight:bold;
}
#infoContent p{
font-size:120%;
margin:0 0 1em 0;
text-align:justify;
}
#infoSide h3{
font-size:120%;
color:#BF3717;
font-weight:bold;
}
#info li{
margin:0;
padding:0;
list-style:inside;
margin:5px 10px;
color:#333;
}

/* ----- NOTICE ----- */

.notice{
margin:10px 10px 0 10px;
padding:10px 0px 10px 0;
background-color:#FBFFCF;
border:1px solid #EBEFC2;
}
.notice h2{
display:block;
font-size:150%;
color:#cd4224 !important;
}
.notice b{
color:#BD3D20;
}

/* ----- TOOLTIPS ----- */

.tooltip {
font-weight:normal;
color:#CF9919 !important;
text-decoration:none;
}
#tooltip{
font-family:"Trebuchet MS", Verdana, sans-serif;
position:absolute;
z-index:9999999999999;
margin:7px 0 0 7px;
padding:9px 15px 10px 10px;
width:250px;
border:1px solid #45709F;
border-top:1px solid #6B93BF;
border-left:1px solid #6B93BF;
background-color:#5781AF;
font-size:12px;
line-height:13px !important;
font-weight:normal;
color:#fff;
}
#tooltip b{
display:block;
margin:0 0 3px 0;
color:#fff !important;
}
#tooltip em{
display:block;
font-style:normal;
letter-spacing:.02em;
}

/* ----- ELEMENTS ----- */

h1, h2, h3{
font-weight:normal;
}
p{
color:#222;
}

/* ----- BREAKS ----- */

hr{
visibility:hidden;
clear:both;
height:20px;
width:0;
}

/* ----- CLASSES ----- */

.inline{
display:inline !important;
}
.center{
text-align:center !important;
}
.left{
float:left;
}
.right{
float:right;
}
.hide{
display:none !important;
}
.strong{
font-weight:bold;
}

/* ----- CLEARFIX ----- */

.clearfix:after, #stage:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix, #stage{display:inline-block;}
* html .clearfix, * html #stage{height: 1%;}
.clearfix[class], #stage[id]{display:block;}

/* ----- LOGO ----- */

h1{
text-indent:-9000px;
text-decoration:none;
}
h1 a{
height:100%;
min-height:40px;
display:block;
background:url(images/wflogo.png) no-repeat;
overflow:hidden;
}
* html h1 a{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/wflogo.png", sizingMethod="crop");
}
#footer h1 a, .footer h1 a{
height:40px;
width:90px;
}

/* ----- BUTTONS ----- */

.buttons a, button{
cursor:pointer;
font-size:100%;
line-height:130%;
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
padding:5px 10px 6px 7px;
text-decoration:none;
font-weight:bold;
color:#565656;
}
button{
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
width:auto;
overflow:visible;
font-weight:bold;
padding:4px 10px 3px 7px; /* IE */
}
button[type]{
width:auto;
padding:5px 10px 5px 7px; /* Firefox */
line-height:17px; /* Safari */
}
button img, .buttons a img{
margin:0 3px -3px 0 !important;
width:16px;
height:16px;
}
button:hover, .buttons a:hover{
background-color:#dff4ff;
border:1px solid #c2e1ef;
color:#336699;
}
.buttons a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
button.positive, .buttons a.positive{
color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
background-color:#DFEEA3;
border:1px solid #C6D880;
color:#529214;
}
.buttons a.positive:active{
background-color:#529214;
border:1px solid #529214;
color:#fff;
}
.buttons a.negative, button.negative{
color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
background:#fbe3e4;
border:1px solid #fbc2c4;
color:#d12f19;
}
.buttons a.negative:active{
background-color:#d12f19;
border:1px solid #d12f19;
color:#fff;
}
.info .buttons{
float:right;
margin:6px 0 0 0;
padding:0;
}
.info .buttons a{
margin:0 0 0 7px;
}
.info b{
color:#BD3D20;
}

/* ----- LINKS ----- */

img {
behavior: url(/css/iepngfix.htc);
border:none;
}

a{
color:blue;
outline:none;
}
a:hover{
cursor:pointer;
color:green;
}
a img{
border:0;
}
.icon{
width: 16px;
height: 16px;
}
/* - - - - - - - - - - - - - - - - - - - - -

LIGHTBOX

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
position: absolute;
top:50%;
left:50%;
z-index:9999;
width:550px;
height:380px;
margin:-190px 0 0 -275px;
background-color:#222;
border:1px solid #ccc;
text-align:left;
}
#lightbox[id]{
position:fixed;
height:auto;
min-height:380px;
}
#overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5000;
background-color:#333;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
#overlay[id]{
position:fixed;
}


#lbContent{
padding:15px 20px 10px 20px;
}
#lbLoadMessage p{
color:#fff;
text-align:center;
line-height:440px;
}


#lightbox.done{
border:1px solid #FFB900;
background:#FDFCE9;
}
#lightbox.done #lbLoadMessage{
display:none;
}
#lightbox.done #lbContent{
display:block;
}
#lightbox.loading #lbContent{
display:none;
}
#lightbox.loading #lbLoadMessage{
display:block;
}

#lightbox h2{
font-size:160%;
}
#lightbox h3{
font-size:120%;
color:#444;
}
#lightbox form ul{
margin:10px 0 10px 0;
}
#lbContent ol.decide{
width:100%;
list-style:none;
margin:20px 0 0 0;
padding:0;
}
#lbContent ol.decide li{
font-size:140%;
margin:0 0 10px 0;
padding:0;
width:100%;
}
#lbContent ol.rss li{
font-size:100%;
margin-bottom:20px;
}
#lbContent ol.decide li a{
height:100%;
display:block;
line-height:40px;
text-decoration:none;
border:1px solid #FFE9AF;
background-color:#FFF2CF;
padding:0 0 0 15px;
color:#EF512C;
}
#lbContent ol.decide li a span{
color:#000;
}
#lbContent ol.decide li a:hover{
border:1px solid #FFBF0F;
background-color:#FFE9AF;
font-weight:bold;
color:#DF401B;
}
#lbContent ol.decide li a:hover b{
text-decoration:underline;
}

.lbOff{
cursor:pointer;
}/* - - - - - - - - - - - - - - - - - - - - -

FORM

- - - - - - - - - - - - - - - - - - - - - */

.wufoo{
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:small;
}
.wufoo li{
width:62%;
}
form ul{
margin:0;
padding:0;
list-style-type:none;
width:100%;
}
form li{
margin:0;
padding:4px 5px 2px 9px;
position:relative;
}
form li:after, .buttons:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
form li, .buttons{display:inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

form li div, form li span{
margin:0 5px 0 0;
padding:0 0 8px 0;
color:#444;
}
form li span{
float:left;
}
form li div.left{
display:inline;
float:left;
width:48%;
}
form li div.right{
display:inline;
float:right;
width:48%;
}
form li div.left .medium, form li div.right .medium{
width:100%;
}

.clear{
clear:both;
}

form li div label, form li span label{
margin:0;
padding-top:3px;
clear:both;
font-size:9px;
line-height:9px;
color:#444;
display:block;
}
form li .icon{
float:left;
margin:.1em 5px 0 0;
padding:0;
width: 16px;
height: 16px;
}


/* ----- INFO ----- */

.info{
display:inline-block;
clear:both;
margin:0 0 1em 0;
border-bottom:1px dotted #ccc;
}
.info[class]{
display:block;
}
.info h2{
font-weight:normal;
font-size:160%;
margin:0 0 3px 0;
clear:left;
}
.info p{
font-size:95%;
line-height:130%;
margin:0 0 1em 0;
}

/* ----- SECTIONS ----- */

form hr{
display:none;
}
fieldset.section{
border:1px dotted #ccc;
margin:12px 0 15px 0;
padding:5px 0 0 0;
}
fieldset ul{
width:97%;
margin:0 10px 10px 10px;
}
fieldset.section legend{
font-weight:normal;
font-size:110%;
line-height:110%;
margin:0 0 0 0;
padding:0 5px 0 5px;
display:inline-block;
background:#fff;
}
fieldset.section[class] legend{
display:block;
margin:0 0 0 8px;
}
fieldset.section p.secTxt{
font-size:85%;
margin:7px 15px 10px 13px;
}

/* ----- CRAP SECTIONS ----- */

fieldset.section{
display:block;
position:relative;
border-left:none;
border-right:none;
border-bottom:none;
margin-bottom:0;
}
fieldset.first{
border-top:none;
margin-top:0px;
padding-top:1px;
}
fieldset.first h3{
margin-top:0 !important;
}
fieldset ul{
margin:0;
}
fieldset.section legend{
display:none !important;
}
form .section h3{
font-weight:normal;
font-size:110%;
line-height:130%;
margin:9px 0 2px 9px;
}
form .section p.secTxt{
margin-left:9px;
margin-top:3px;
}

/* ----- BUTTONS ----- */

.button{
cursor:hand !important;
}
input.btTxt{
padding:0 7px;
width:auto;
overflow:visible;
}
.buttons{
clear:both;
margin-top:10px;
}
.buttons input{
font-size:120%;
margin-right: 5px;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
line-height:150%;
padding:0 4px 1px 0;
border:none;
color:#444;
display:block;
font-size:95%;
font-weight:bold;
}
input.text, textarea.textarea, select.select{
margin:0;
font-size:100%;
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
background:#fff url(images/fieldbg.gif) repeat-x top;
color:#333;
}
input.text{
padding:2px 0 2px 0;
}
input.currency{
text-align:right;
}

input.checkbox, input.radio{
display:block;
line-height:1.4em;
margin:8px 0 0 3px;
width:13px;
height:13px;
}
label.choice{
font-size:100%;
display:block;
line-height:1.4em;
margin:-19px 0 0 25px;
padding:4px 0 5px 0;
color:#444;
width:90%;
}

textarea.textarea{
margin-top:1px;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
select.select{
margin:1px 0;
padding:1px 0 0 0;
}
select.select[class]{
margin:0;
padding:1px 0 1px 0;
}
.safari select.select{
margin-bottom:1px;
font-size:120% !important;
}

/* ----- SIZES ----- */

.third{
width:32% !important;
}
.half{
width:48% !important;
}
.full{
width:100% !important;
}

input.small, select.small{
width:25%;
}
input.medium, select.medium{
width:50%;
}
input.large, select.large, textarea.textarea{
width:100%;
}
input.tags{
width:315px;
}

textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
width:97%;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
}
#errorMsgLbl{
margin:7px 0 5px 0;
padding:0;
font-size:125%;
color:#DF0000;
}
#errorMsg{
margin:0 0 .8em 0;
color:#000;
font-size:100%;
}
#errorMsg strong{
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error{
background-color: #FFDFDF !important;
border-bottom:1px solid #EACBCC;
border-right:1px solid #EACBCC;
margin:3px 0;
}
form li.error:hover{
background-color:#FFCFCF !important;
}
form li.error label{
color:#DF0000 !important;
}
form p.error{
color:red;
font-weight:bold;
font-size:10px;
margin:0 0 5px 0;
clear:both;
}

/* ----- REQUIRED ----- */

form .req{
float:none;
color:red;
font-weight:bold;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
background-color:#fff7c0;
}
form .instruct{
display:none;
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0 0 0 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
}
form .instruct small{
font-size:100%;
}
form li.focused .instruct, form li:hover .instruct{
display:block;
}
.noI form li{
width:97% !important;
}
.noI .instruct{
display:none !important;
}

/* ----- Password ----- */

ul.protected{
list-style:none;
margin:60px 0;
}
.protected li{
text-align:center;
padding:10px 0;
}
.protected h2{
font-weight:bold;
color:#DF0000;
margin:0 auto 10px auto;
}
.protected label{
font-size:120% !important;
padding-top:10px;
display:block;
}
.protected input.text{
font-size:200% !important;
width:500px;
text-align:center;
}
.protected .buttons{
margin:0;
}
.protected #saveForm{
font-size:140% !important;
}